<template>
    <div class="financial-task">

        <div class="financial-img">
            <h2>走势图</h2><a href="https://www.eastmoney.com/" target="_blank">数据来源：东方财富网</a>
            <br/><br/><br/><br/>

            <h4>当日走势图和实时买卖量</h4>
            <el-image :src="dayRunUrl" fit="contain"></el-image>
            <br/><br/>

            <h4>日K线变换</h4>
            <el-image :src="dayKUrl" fit="contain"></el-image>
            <br/><br/>



        </div>
    </div>
</template>

<script>
    import {getUUID} from "@/utils"

    export default {
        data(){
            return {
                //股票id
                financialId:"sz002607",
                //日走势图
                dayRunUrl:"http://webquotepic.eastmoney.com/GetPic.aspx?nid=0.002607&imageType=r&token=",
                //日K图
                dayKUrl:"http://webquoteklinepic.eastmoney.com/GetPic.aspx?nid=0.002607&imageType=KXL&token=44c9d251add88e27b65ed86506f6e5da",
            }
        },
        mounted(){

            let _self = this;
            let temp = _self.dayRunUrl;
            setInterval(()=>{
                _self.dayRunUrl = temp + getUUID();
            },5000);

        }
    }

</script>

<style scoped>

    .financial-img{
        width: 100%;
        text-align: center;
    }



</style>